
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <title>Bootstrap 优站精选</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="Bootstrap 优站精选收集了大量漂亮、有创意的、基于 Bootstrap 构建的网站，为广大 Bootstrap 学习和开发者提供了大量优秀的参考样板。">
  <!-- Favicon -->
  <link href="https://fastly.jsdelivr.net/npm/@bootcss/www.youzhan.org@1.0.5/dist/img/favicon.png" rel="icon" >
  <!-- Favicons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/img/apple-touch-icon-144-precomposed.png">
  <link rel="shortcut icon" href="https://fastly.jsdelivr.net/npm/@bootcss/www.youzhan.org@1.0.5/dist/img/favicon.png" type="image/png">
  <!-- Icons -->
  <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
  <!-- Argon CSS -->
  <link type="text/css" href="https://fastly.jsdelivr.net/npm/@bootcss/www.youzhan.org@1.0.5/dist/css/style.min.css" rel="stylesheet">

  
    <script defer data-domain="youzhan.org" src="https://tongji.devjs.cn/js/script.tagged-events.outbound-links.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?d40086408a305a2fdafe038c37afbe70";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

  
</head>

<body>
  <header class="header-global">
    <nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom">
      <div class="container">
        <a class="navbar-brand mr-lg-5" href="/"><h1 class="text-white mb-0 text-2xl">Bootstrap 优站精选</h1></a>
        <button class="navbar-toggler d-none" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse" id="navbar_global">
          <ul class="navbar-nav align-items-lg-center ml-lg-auto">
            <li class="nav-item d-none d-lg-block ml-lg-4">
              <a href="/submit/" target="_blank" class="btn btn-neutral btn-icon font-normal">
                <span class="btn-inner--icon">
                  <i class="fa fa-cloud-upload mr-2"></i>
                </span>
                <span class="nav-link-inner--text">提交站点</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </header>

  
<main>
    <section class="section-shaped my-0 bg-center bg-cover h-120">
      <!-- Circles background -->
      <div class="shape shape-style-1 shape-primary alpha-4">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
      </div>
      <!-- SVG separator -->
      <div class="separator separator-bottom separator-skew z-0">
        <svg x="0" y="0" viewBox="0 0 2560 100" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
          <polygon class="fill-white" points="2560 0 2560 100 0 100"></polygon>
        </svg>
      </div>
    </section>
    <section class="section -mt-64">
      <div class="container container-lg">
        <div class="row">
          
          <div class="col-md-6 mb-8">
            <div class="card card-lift--hover shadow border-0 p-3">
              <a href="https://compodoc.github.io/website/" title="Compodoc" target="_blank" class="w-full relative overflow-hidden bg-gray-200 pt-16:9" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'Compodoc'])">
                <img src="https://assets.youzhan.org/img/2/56/a833a68f7a57a45ca04198faa483c.jpg!md" class="card-img absolute top-0">
              </a>
            </div>
          </div>
          
          <div class="col-md-6 mb-8">
            <div class="card card-lift--hover shadow border-0 p-3">
              <a href="http://pearsearch.org/" title="PeARS" target="_blank" class="w-full relative overflow-hidden bg-gray-200 pt-16:9" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'PeARS'])">
                <img src="https://assets.youzhan.org/img/9/4d/277b9fb5b3a0c97e49ce1d3c3d335.jpg!md" class="card-img absolute top-0">
              </a>
            </div>
          </div>
          
          <div class="col-md-6 mb-8">
            <div class="card card-lift--hover shadow border-0 p-3">
              <a href="https://code.visualstudio.com/" title="Visual Studio Code" target="_blank" class="w-full relative overflow-hidden bg-gray-200 pt-16:9" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'Visual Studio Code'])">
                <img src="https://assets.youzhan.org/img/a/03/772cec53ab290841dd99c8d74b332.jpg!md" class="card-img absolute top-0">
              </a>
            </div>
          </div>
          
          <div class="col-md-6 mb-8">
            <div class="card card-lift--hover shadow border-0 p-3">
              <a href="https://vi.ai/" title="vi" target="_blank" class="w-full relative overflow-hidden bg-gray-200 pt-16:9" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'vi'])">
                <img src="https://assets.youzhan.org/img/8/f4/d8ece1342920b4388c8174d349925.jpg!md" class="card-img absolute top-0">
              </a>
            </div>
          </div>
          
          <div class="col-md-6 mb-8">
            <div class="card card-lift--hover shadow border-0 p-3">
              <a href="https://helphero.co/" title="HelpHero" target="_blank" class="w-full relative overflow-hidden bg-gray-200 pt-16:9" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'HelpHero'])">
                <img src="https://assets.youzhan.org/img/8/34/102a079ba7c2d66ba4f1abbd0fdbd.jpg!md" class="card-img absolute top-0">
              </a>
            </div>
          </div>
          
          <div class="col-md-6 mb-8">
            <div class="card card-lift--hover shadow border-0 p-3">
              <a href="https://www.crazycall.com/" title="CrazyCall" target="_blank" class="w-full relative overflow-hidden bg-gray-200 pt-16:9" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'CrazyCall'])">
                <img src="https://assets.youzhan.org/img/d/9a/6b638248ca769019615b630b17645.jpg!md" class="card-img absolute top-0">
              </a>
            </div>
          </div>
          
          <div class="col-md-6 mb-8">
            <div class="card card-lift--hover shadow border-0 p-3">
              <a href="https://www.starbucks.com.cn/" title="星巴克" target="_blank" class="w-full relative overflow-hidden bg-gray-200 pt-16:9" onclick="_hmt.push(['_trackEvent', 'tile', 'click', '星巴克'])">
                <img src="https://assets.youzhan.org/img/d/20/8305a1ae99bc794dafca1df04f9e6.jpg!md" class="card-img absolute top-0">
              </a>
            </div>
          </div>
          
          <div class="col-md-6 mb-8">
            <div class="card card-lift--hover shadow border-0 p-3">
              <a href="https://d2c.io/" title="D2C" target="_blank" class="w-full relative overflow-hidden bg-gray-200 pt-16:9" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'D2C'])">
                <img src="https://assets.youzhan.org/img/2/78/c20a2eb2088577b7f4c29a00a2df3.jpg!md" class="card-img absolute top-0">
              </a>
            </div>
          </div>
          
          <div class="col-md-6 mb-8">
            <div class="card card-lift--hover shadow border-0 p-3">
              <a href="https://redash.io/" title="Redash" target="_blank" class="w-full relative overflow-hidden bg-gray-200 pt-16:9" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'Redash'])">
                <img src="https://assets.youzhan.org/img/4/02/aa854814ed291b78d28f85f384ce9.jpg!md" class="card-img absolute top-0">
              </a>
            </div>
          </div>
          
          <div class="col-md-6 mb-8">
            <div class="card card-lift--hover shadow border-0 p-3">
              <a href="https://www.azul.com/" title="Azul Systems" target="_blank" class="w-full relative overflow-hidden bg-gray-200 pt-16:9" onclick="_hmt.push(['_trackEvent', 'tile', 'click', 'Azul Systems'])">
                <img src="https://assets.youzhan.org/img/5/54/c203ca2c5c3fe7bb55e02dc9e9020.jpg!md" class="card-img absolute top-0">
              </a>
            </div>
          </div>
          
        </div>
      </div>
    </section>

    
    <section class="section pt-0">
      <nav aria-label="Page navigation">
        <ul class="pagination pagination-lg justify-content-center">
          
          <li class="page-item  disabled ">
            <a class="page-link" href="/page//" tabindex="-1">
              <i class="fa fa-angle-left"></i>
              <span class="sr-only">上一页</span>
            </a>
          </li>
          
          
          <li class="page-item  active ">
            <a class="page-link" href="/">1</a>
          </li>
          
          <li class="page-item ">
            <a class="page-link" href="/page/2/">2</a>
          </li>
          
          <li class="page-item ">
            <a class="page-link" href="/page/3/">3</a>
          </li>
          
          <li class="page-item ">
            <a class="page-link" href="/page/4/">4</a>
          </li>
          
          <li class="page-item ">
            <a class="page-link" href="/page/5/">5</a>
          </li>
          

          <li class="page-item ">
            <a class="page-link" href="/page/2/">
              <i class="fa fa-angle-right"></i>
              <span class="sr-only">下一页</span>
            </a>
          </li>
        </ul>
      </nav>
    </section>
    
  </main>

  <footer class="footer">
    <div class="container">
      <div class="row row-grid align-items-center mb-5">
        <div class="col-lg-6">
          <h3 class="text-primary font-weight-light mb-2">提交你的站点</h3>
          <p class="mb-0 font-weight-light">如果你的网站基于 <a href="https://www.getbootstrap.cn/" target="_blank">Bootstrap</a> 构建、并且用心的设计，那就请提交给我们并在这里展示吧！</p>
        </div>
        <div class="col-lg-6 text-lg-center btn-wrapper">
          <a href="/submit/" target="_blank" class="btn btn-primary btn-icon font-normal">
            <span class="btn-inner--icon">
              <i class="fa fa-cloud-upload mr-2"></i>
            </span>
            <span class="nav-link-inner--text">提交站点</span>
          </a>
        </div>
      </div>
      <hr>
      <div class="row align-items-center justify-content-md-between">
        <div class="col-md-6">
          <div class="copyright">
            &copy; 2024 Bootstrap 优站精选
          </div>
        </div>
        <div class="col-md-6">
          <ul class="nav nav-footer justify-content-end">
            <li class="nav-item">
              <a href="/about/" class="nav-link">关于</a>
            </li>
            <li class="nav-item">
              <a href="/guanggao/" class="nav-link">广告合作</a>
            </li>
            <li class="nav-item">
              <a href="https://beian.miit.gov.cn/" class="nav-link" target="_blank">京ICP备15031610号-1</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </footer>
  <!-- Core -->
  <script src="https://fastly.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js"></script>
  <script src="https://fastly.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"></script>
  <script src="https://fastly.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"></script>
  <script src="https://fastly.jsdelivr.net/npm/headroom.js@0.9.4/dist/headroom.min.js"></script>
  <!-- Argon JS -->
  <script src="https://fastly.jsdelivr.net/npm/@bootcss/www.youzhan.org@1.0.5/dist/js/argon.min.js"></script>

  
</body>

</html>